﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="WebApplication.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register
    Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="ajaxToolkit" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="Media/Css/login.css" />
    <script type="text/javascript" src="Media/JS/jquery-1.4.min.js"></script>
    <script type="text/javascript" src="Media/JS/UserLogin.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            //回车时 触发登录按钮
            document.onkeydown = function (e) {
                var ev = document.all ? window.event : e;
                if (ev.keyCode == 13) {
                // 如（ev.ctrlKey && ev.keyCode==13）为ctrl+Center 触发要处理的事件 
                    $('#id_login').click();
                }
            }


        });
        function actionjs(id) {
            $("#login-box").hide();
            $("#Register-box").hide();
            $("#forget-box").hide();
            $("#" + id).show();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <ajaxToolkit:ToolkitScriptManager EnablePartialRendering="true" runat="Server" ID="ScriptManager1" />
    <div class="web-body">
        <div class="header">
            <h1>
                iMaker</h1>
        </div>
        <div class="contenter">
            <div class="login-box" id="login-box">
                <div class="box-title">
                    登陆</div>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td colspan="3" height="10">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td width="15%" class="td1">
                            电邮
                        </td>
                        <td width="2%" align="center">
                            :
                        </td>
                        <td width="83%">
                            <%--<input type="text" class="ipt200" id="id_login_account">--%>
                            <asp:TextBox ID="id_login_account" runat="server" CssClass="ipt200"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td class="td1">
                            密码
                        </td>
                        <td align="center">
                            :
                        </td>
                        <td>
                            <asp:TextBox ID="id_login_passwd" runat="server" CssClass="ipt200" TextMode="Password"></asp:TextBox>
                            <%--<input type="password" class="ipt200" id="id_login_passwd">--%>
                        </td>
                    </tr>
                    <tr>
                        <td height="10">
                            &nbsp;
                        </td>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            <span id="id_login_msg" style="color: Red;"></span>
                        </td>
                        <!--td colspan="3" height="10">&nbsp;</td-->
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            <input id="id_login" type="button" value="登 陆" onclick="login();"/>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" height="10">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            <%--<a href="javascript:actionjs('Register-box')">注册</a>&nbsp;&nbsp;&nbsp;--%><a
                                href="javascript:actionjs('forget-box')">忘记密码</a>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="Register-box" id="Register-box">
                <div class="box-title">
                    注册</div>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td colspan="3" height="10">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td width="15%" class="td1">
                            姓名
                        </td>
                        <td width="2%" align="center">
                            :
                        </td>
                        <td width="83%">
                            <input type="text" class="ipt200">
                        </td>
                    </tr>
                    <tr>
                        <td width="15%" class="td1">
                            电邮
                        </td>
                        <td width="2%" align="center">
                            :
                        </td>
                        <td width="83%">
                            <input type="text" class="ipt200">
                        </td>
                    </tr>
                    <tr>
                        <td class="td1">
                            密码
                        </td>
                        <td align="center">
                            :
                        </td>
                        <td>
                            <input type="password" class="ipt200">
                        </td>
                    </tr>
                    <tr>
                        <td class="td1">
                            性别
                        </td>
                        <td align="center">
                            :
                        </td>
                        <td class="sex-select">
                            <input type="radio" name="sex" value="1" id="boy">
                            <label for="boy">
                                男</label>&nbsp;&nbsp;&nbsp;
                            <input type="radio" name="sex" value="0" id="girl">
                            <label for="girl">
                                女</label>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" height="10">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            <input type="button" value="注 册">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" height="10">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            <a href="javascript:actionjs('login-box')">登 陆</a>&nbsp;&nbsp;&nbsp;<a href="javascript:actionjs('forget-box')">忘记密码</a>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="login-box" id="forget-box">
                <div class="box-title">
                    忘记密码</div>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td colspan="3" height="10">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td width="15%" class="td1">
                            电邮
                        </td>
                        <td width="2%" align="center">
                            :
                        </td>
                        <td width="83%">
                            <input type="text" class="ipt200" id="id_forget_passwd_email">
                        </td>
                    </tr>
                    <tr>
                        <td height="10">
                            &nbsp;
                        </td>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            <span id="id_forget_passwd_msg" style="color: Red;"></span>
                        </td>
                        <%--<td colspan="3" height="10">&nbsp;</td>   --%>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            <input type="button" value="发送" onclick="forget_passwd();">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" height="10">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            &nbsp;
                        </td>
                        <td>
                            <%--<a href="javascript:actionjs('Register-box')">注册</a>&nbsp;&nbsp;&nbsp;--%><a
                                href="javascript:actionjs('login-box')">登 陆</a>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- centener end-->
        <div class="footer">
        </div>
    </div>

    <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="id_login_account" WatermarkText="User Name or Email" WatermarkCssClass="ipt200 watermark_word" />
    <asp:HiddenField ID="id_next_url" runat="server" Value="index.aspx" />
    </form>

    

</body>
</html>
